<style scoped>
  .expand-row{
    margin-bottom: 16px;
  }
</style>
<template>
  <div>
    <Row class="expand-row">
      <Col span="8">
        <span class="expand-key">服务: </span>
        <span class="expand-value">{{ row.serviceName }}</span>
      </Col>
      <Col span="8">
        <span class="expand-key">类名: </span>
        <span class="expand-value">{{ row.className }}</span>
      </Col>
      <Col span="8">
        <span class="expand-key">方法名: </span>
        <span class="expand-value">{{ row.method }} ( )</span>
      </Col>
    </Row>
    <Row class="expand-row">
      <Col span="8">
        <span class="expand-key">级别: </span>
        <span class="expand-value">{{ row.level }}</span>
      </Col>
      <Col span="8">
        <span class="expand-key">信息: </span>
        <span class="expand-value">{{ row.msg }}</span>
      </Col>
      <Col span="8">
        <span class="expand-key">追溯码: </span>
        <span class="expand-value">{{ row.traceCode }}</span>
      </Col>
    </Row>
  </div>
</template>
<script>
export default {
  props: {
    row: Object
  }
}
</script>
